<template>
  <el-dialog class="income-Popup" :visible="showPopup" title="新增交易记录" :before-close="btnCancel">
    <el-form label-width="140px">
      <el-form-item label="类型:">
        <el-select size="medium" style="width:80%">
          <el-option />
        </el-select>
      </el-form-item>
      <el-form-item label="选择店铺:">
        <el-input size="medium" style="width:80%" placeholder="请选择" />
      </el-form-item>
      <el-form-item label="选择用户:">
        <el-select size="medium" style="width:80%">
          <el-option />
        </el-select>
      </el-form-item>
      <el-form-item label="金额:">
        <el-input size="medium" style="width:80%" placeholder="请选择" />
      </el-form-item>
      <el-form-item label="申请时间:">
        <el-input size="medium" style="width:80%" placeholder="请选择" />
      </el-form-item>
      <el-form-item label="备注:">
        <el-input size="medium" style="width:80%" placeholder="请选择" />
      </el-form-item>
    </el-form>
    <el-row slot="footer" class="dialog-footer" type="flex" justify="center">
      <el-button @click="btnCancel">取 消</el-button>
      <el-button type="primary" @click="btnOk">确 定</el-button>
    </el-row>
  </el-dialog>
</template>
<script>
export default {
  props: {
    showPopup: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    btnOk() {
      this.$parent.showPopup = false
    },
    btnCancel() {
      this.$parent.showPopup = false
    }
  }

}
</script>
<style lang="scss" scoped>

</style>
